<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/navbar.css">
		<link rel="stylesheet" href="css/family.css" />
	</head>

	<body>

		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
					<a class="navbar-brand" href="#"><img src="img/01.png"></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="laya.html">首页</a>
						</li>
						<li>
							<a href="family.html">Laya家族</a>
						</li>
						<li>
							<a href="game.html">游戏</a>
						</li>
						<li>
							<a href="Journalism.html">新闻动态</a>
						</li>
						<li>
							<a href="about.html">关于我们</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">繁軆中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>

							</ul>
						</li>
					</ul>
				</div>

			</div>
		</div>
		</nav>

		<section>
			<div class="family">
				<div class="container">
					<div class="row">
						<div class="col-sm-6 col-md-6 col-xs-12">
							<div class="row">
								<div class="col-xs-12 flsh">
									<span class="one">1</span>
									<span class="LayaFlash">LayaFlash</span>							
								</div>
							</div>
							<div class="row">
								<div class="col-xs-12 language">
									<p class="language_one">直接用Flash AS3语言开发HTML5的引擎 </p>
								</div>
								
								<ul>
									<li class="language_two">支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</li>
									<li class="language_two">支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</li>
									<li class="language_two">支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</li>
									
								</ul>
								<div class="btn btn-default download">进入下载</div>
							</div>
						</div>
						<div class="col-sm-6 col-md-6 col-xs-12">
							<img src="img/27.jpg"class="img-responsive">
						</div>
					</div>	
				</div>
			</div>
			
			<div class="player">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 flsh">
									<span class="one">2</span>
									<span class="LayaFlash">LayaPlayer</span>							
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4 col-md-4 col-xs-12">
							<img src="img/28.jpg" class="img-responsive">
						</div>
						<div class="col-sm-4 col-md-4 col-xs-12">
							<p class="performance">极强性能</p>
							<p class="C_language">C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlaye</p>
							<p class="performance">更小，更多，更强</p>
							<p class="C_language">不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器</p>
						</div>
						<div class="col-sm-4 col-md-4 col-xs-12">
							<div class="K"><img src="img/29.jpg" class="img-responsive"></div>
						</div>
					</div>
					
				</div>
			</div>	
		
			<div class="Ari_open">
				<div class="container">
					<div class="row">					
						<div class="col-sm-6 col-md-6 col-xs-12">
							<div class="">
									<span class="three">3</span>
									<span class="LayaAri">LayaAri</span>
									<p class="HTML">新一代HTML5引擎，正在内测完善中，敬请期待</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
							</div>	
							<div>
								<img src="img/16.png"class="img-responsive pull-right">
							</div>
						</div>
						
						
												<div class="col-sm-6 col-md-6 col-xs-12">
							<div class="">
									<span class="three">4</span>
									<span class="LayaAri">LayaOper</span>
									<p class="HTML">新一代HTML5引擎，正在内测完善中，敬请期待</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
							</div>	
							<div>
								<img src="img/17.png"class="img-responsive pull-right">
							</div>
						</div>

					</div>
				</div>
			</div>	
			<div class="Store_publish">
				<div class="container">
					<div class="row">					
						<div class="col-sm-6 col-md-6 col-xs-12">
							<div class="">
									<span class="three">5</span>
									<span class="LayaAri">LayaStore</span>
									<p class="HTML">新一代HTML5引擎，正在内测完善中，敬请期待</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
							</div>	
							<div>
								<img src="img/16.png"class="img-responsive pull-right">
							</div>
						</div>
						
						
												<div class="col-sm-6 col-md-6 col-xs-12">
							<div class="">
									<span class="three">6</span>
									<span class="LayaAri">LayaPublish</span>
									<p class="HTML">新一代HTML5引擎，正在内测完善中，敬请期待</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									<div class="Small">小巧强大</div>
									<p> &nbsp;&nbsp;&nbsp;&nbsp;核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
									
							</div>	
							<div>
								<img src="img/17.png"class="img-responsive pull-right">
							</div>
						</div>

					</div>
				</div>
			</div>	

		</section>
	<footer>
			<div class="container">
				<div class="row">
					
						
						<div class="col-xs-12 col-md-9 col-sm-9">
						<div class="personnel">
							
						<div class="personnel">
							<p>公司简介&nbsp;&nbsp;&nbsp;&nbsp;联系方式&nbsp;&nbsp;&nbsp;&nbsp;人才招聘</p>
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
							
						</div>
							
						</div>
						</div>
						
						<div class="col-xs-12 col-md-3 col-sm-3">
									<div class="chat">
									<div class="img_two"><img src="img/a.png" class=" img-responsive"></div>
									<div class="img_two"><img src="img/b.png" class=" img-responsive"></div>
									<div class="img_two"><img src="img/c.png" class=" img-responsive as"></div>
									</div>
								<div>					
						</div>				
					</div>
		</footer>

		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/bootstrap.js"></script>
	</body>

</html>